<template>
	<view class="content">
		<view class="cover">
			<image src="../../static/cover.jpeg" mode="heightFix"></image>
		</view>
		<view class="title">
			最后的度假胜地
		</view>
		<view class="author">
			Martin Parr
		</view>
		<view class="text">
			1986年，马丁·帕尔出版了他的成名作彩色摄影集《最后的度假胜地》（The Last Resort），引起极大争议。这部影集所拍摄的是英国利物浦附近一处肮脏破败的海滨度假地新布莱顿…
		</view>
		<view class="photo">
			<view v-for="i in 5" class="image-box">
				<image src="../../static/photo.jpeg" mode="aspectFill"></image>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				
			};
		}
	}
</script>

<style lang="scss" scoped>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 40rpx;
	}
	.cover{
		width: 258px;
		height: 258px;
		border-radius: 22px;
		box-shadow: 3px 7px 15px rgba(0,0,0,.2);
		overflow: hidden;
		image{
			width: 100%;
			height: 100%;
		}
	}
	.title{
		margin-top: 20px;
		font-size: 23px;
	}
	.author{
		margin-top: 5px;
		font-size: 19px;
		color: #999999;
	}
	.text{
		margin-top: 20px;
		font-size: 15px;
		line-height: 26px;
		color: rgba(0,0,0,0.6);
	}
	.photo{
		display: flex;
		justify-content: flex-start;
		flex-flow: row wrap;
		align-content:flex-start;
		margin-top: 20px;
	}
	.image-box{
		width: 100px;
		height: 100px;
		margin-bottom: 20px;
		overflow: hidden;
		margin: 5px;
		image{
			width: 100%;
		}
	}
</style>
